page-pay {
  .money-info {
    background: #fff;
    margin: 20px;
    border-radius: 10px;
    >div{
      @extend .g-border-bottom-1px;
      padding: 0 20px;
      b{
        height: 60px;
        font-weight: 400;
        line-height: 60px;
        display: inline-block;
        font-size: 14px;
        color: rgba(0,0,0,0.4);
        &.color-red{
          color: #ff6060;
        }
      }
      span{
        height: 60px;
        line-height: 60px;
        display: inline-block;
        font-size: 14px;
        color: rgba(0,0,0,0.6);
      }
      &:last-child{
        box-shadow: none;
      }
    }
  }
  .money-input, .coupon {
    height: 60px;
    line-height: 1;
    padding-right: 0;
    position: relative;
    >*{
      height: 60px;
      line-height: 60px;
      display: inline-block;
    }
    button{
      margin: 0;
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
    }
  }
  .money-input{
    button{
      color: #5EC2FF;
    }
  }
  .coupon{
    font-size: 0;
    button{
      padding: 0 20px;
    }
    >span{
      height: 60px;
      font-size: 14px;
      color: rgba(0,0,0,0.4);
    }
    ion-icon{
      font-size: 2.4rem;
      color: rgba(0,0,0,0.8);
    }
  }
  label{
    opacity: 0.8;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    width: 80px;
  }
  ion-input{
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    >input.text-input-md{
      height: 60px;
      margin: 0;
      &::placeholder{
        color: rgba(0,0,0,0.2);
      }
    }
  }
  .g-footer-button{
    button{
      border-radius: 10px;
      height: 50px;
      width: calc(100% - 56px);
      margin: 10px 28px 20px;
    }
  }
}
